﻿@font-face {
  font-family: 'poppin';
  src: url('./BMWTypeNext-Regular.otf');
 }

.poppin {
 font-family: "poppin";
}



@font-face {
  font-family: 'pangmen';
  src: url('./汉仪中等线简.ttf');
 }

.pangmen {
 font-family: "pangmen";
}


.float_start{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;z-index: 99;}
.float_end{display: flex;flex-direction: row;justify-content: flex-end;align-items: center;z-index: 99;}
.float_between{display: flex;flex-direction: row;justify-content: space-between;align-items: center;z-index: 99;}
.float_around{display: flex;flex-direction: row;justify-content:space-around;align-items: center;z-index: 99;}

.piccenter{display: flex;align-items: center;justify-content: center;}

.wrap{flex-wrap:wrap}

.black20{font-size: 10px;font-weight: normal;line-height: 19px;color: #4c4c4c;}
.black20b{font-size: 10px;font-weight: bold;line-height: 19px;color: #4c4c4c;}
.black22{font-size: 11px;font-weight: normal;line-height: 24px;color: #4c4c4c;}
.black22b{font-size: 11px;font-weight: bold;line-height: 24px;color: #4c4c4c;}
.black24{font-size: 12px;font-weight: normal;line-height: 24px;color: #4c4c4c;}
.black24b{font-size: 12px;font-weight: bold;line-height: 24px;color: #4c4c4c;}
.black24l{font-size: 12px;font-weight: 200;line-height: 24px;color: #4c4c4c;}
.black28{font-size: 14px;font-weight: bold;line-height: 24px;color: #4c4c4c;}
.black28n{font-size: 14px;font-weight: normal;line-height: 24px;color: #4c4c4c;}
.black32{font-size: 16px;font-weight: normal;line-height: 24px;color: #4c4c4c;}
.black32b{font-size: 16px;font-weight: bold;line-height: 24px;color: #4c4c4c;}
.black32l{font-size: 16px;font-weight: 200;line-height: 24px;color: #4c4c4c;}
.black36{font-size: 18px;font-weight: normal;line-height: 24px;color: #4c4c4c;}
.black40{font-size: 20px;font-weight: normal;line-height: 24px;color: #4c4c4c;}
.black40b{font-size: 20px;font-weight: bold;line-height: 24px;color: #4c4c4c;}
.black46{font-size: 23px;font-weight: normal;line-height: 24px;color: #4c4c4c;}
.black46b{font-size: 23px;font-weight: bold;line-height: 24px;color: #4c4c4c;}
.black60{font-size: 30px;font-weight: normal;line-height: 30px;color: #4c4c4c;}
.black60b{font-size: 30px;font-weight: bold;line-height: 30px;color: #4c4c4c;}

.grey20{font-size: 10px;font-weight: 200;line-height: 14px;color: #a5a5a5;}
.grey24{font-size: 12px;font-weight: 200;line-height: 24px;color: #a5a5a5;}
.grey24n{font-size: 12px;font-weight: normal;line-height: 24px;color: #a5a5a5;}
.grey32{font-size: 16px;font-weight: 200;line-height: 24px;color: #a5a5a5;}

.white20{font-size: 18px;font-weight: normal;line-height: 16px;color: #ffffff;letter-spacing:-2px}
.white24{font-size: 12px;font-weight: normal;line-height: 24px;color: #ffffff;}
.white24b{font-size: 12px;font-weight: bold;line-height: 24px;color: #ffffff;}
.white24l{font-size: 12px;font-weight: 200;line-height: 24px;color: #ffffff;}
.white26{font-size: 26px;font-weight: normal;line-height: 24px;color: #ffffff;}
.white28{font-size: 14px;font-weight: 200;line-height: 24px;color: #ffffff;}
.white28b{font-size: 14px;font-weight: bold;line-height: 24px;color: #ffffff;}
.white32{font-size: 16px;font-weight: bold;line-height: 24px;color: #ffffff;}
.white38{font-size: 19px;font-weight: 200;line-height: 24px;color: #ffffff;}
.white45{font-size: 23px;font-weight: 200;line-height: 24px;color: #ffffff;}
.white45b{font-size: 23px;font-weight: bold;line-height: 24px;color: #ffffff;}
.white60b{font-size: 30px;font-weight: bold;line-height: 24px;color: #ffffff;}
.white62{font-size: 31px;font-weight: normal;line-height: 31px;color: #ffffff;}
.red24{font-size: 12px;font-weight: 300;line-height: 12px;color: #DB0011;}
.red28{font-size: 14px;font-weight: 300;line-height: 14px;color: #DB0011;}
.red32{font-size: 16px;font-weight: 300;line-height: 16px;color: #DB0011;}
.red32b{font-size: 16px;font-weight: bold;line-height: 16px;color: #DB0011;}
.red40{font-size: 20px;font-weight: normal;line-height: 20px;color: #DB0011;}
.red62b{font-size:31px;font-weight: bolder;line-height: 20px;color: #DB0011;}